<html>
<head>
	<title>Vicente Huidobro</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> 
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/style.css">
	<link rel="stylesheet" type="text/css" href="../css/bio_style.css">
	<link rel="apple-touch-icon" href="../images/apple-touch-icon.png">
	<style type="text/css">
	.slide img{
		display: block;
		width: inherit;
	}
	.slide span{
		display: block;
	}
	.slide span.title_img{
		font-family: "trebuchetbd";
	}
	.slide div{
		margin: 0 auto;
		width: 150px;
	}
	.slide a{
		text-decoration: none;
	}
	.slide .description_img{
		padding-left: 20px;
		margin-left: 20px;
		list-style-image: url("../images/m_audio.png");
	}
	.slide .description_img li{
	}
	.slider audio{
		margin: 10px 0;
	}
	.carousel-prev{
		display: none;
	}
	#audio .titulo_multi{
		display: block;
		font-family: "trebuchetbd";
	}
	#audio .descripcion_multi{
		display: block;
	}
	</style>
	<script src="../js/vendor/modernizr-2.6.1.min.js"></script>
</head>
<header>
	<a href="../index.html"><img id="logo_memoriachilena" src="../images/logo_memoriachilena.png"></a>
	<img id="logo_chilefil"src="../images/logo_chilefil.png">
</header>
<body onload="redimencionar()">

	<section id="face">
		<img src="../images/vicente.png" id="face_pic">
	</section>
	<section class="content" id="vicente"> 
		<section id="name">
			Vicente Huidobro
			<a href="../index.html"><img class="close_button" src="../images/m_cerrar.png"></a>
		</section>

		<section class="bio_menu">
			<a href="index.html" 	class="bio_button unselected">Biografía</a>
			<a href="galeria.html" 		class="bio_button unselected">Imágenes</a>
			<a href="multimedia.html" 	class="bio_button selected">Multimedia</a>
			<a href="documentos.html" 	class="bio_button unselected">Documentos<a>
			</section>
			<div class="slidewrap2">
				<ul class="slider">
					<li class="slide">  
						<div>
							<ul class="description_img">
							
								<li><a href="javascript:playmp3('http://www.memoriachilena.cl/archivos2/audio/MC0033670.MP3', 'Altazor : canto I', 'Registro: voz de Jorge Alvarez, Santiago, Biblioteca Nacional, 28 de noviembre de 1969 Texto escrito en: Altazor : poema, con un retrato del autor por Pablo Picasso, Madrid : Ibero Americana de Publicaciones, 1931, p. 17-18 En la imagen: Portada de Altazor en, Altazor, prólogo y bibliografía de Cedomil Goic, Valparaíso : Eds. Universitarias de Valpo., c1974, 95 p.');">Altazor : canto I</a></li>
								<li><a href="javascript:playmp3('http://www.memoriachilena.cl/archivos2/audio/MC0006615.MP3', 'Altazor : canto II', 'Altazor [grabación] : canto segundo / en la voz de Teófilo Cid ; Vicente Huidobro. Santiago : [s. n.], 196? 1 cassette (ca. 15 min.)');">Altazor : canto II</a></li>
								<li><a href="javascript:playmp3('http://www.memoriachilena.cl/archivos2/audio/MC0033671.MP3', 'Altazor : canto I  Fragmento', 'El fragmento corresponde a los siete primeros versos del Canto I Registro: voz de Jorge Alvarez, Santiago, Biblioteca Nacional, 28 de noviembre de 1969 Texto escrito en: Altazor : poema, con un retrato del autor por Pablo Picasso, Madrid : Ibero Americana de Publicaciones, 1931, p. 17-18 En la imagen: Portada de Altazor en, Altazor, prólogo y bibliografía de Cedomil Goic, Valparaíso : Eds. Universitarias de Valpo., c1974, 95 p.');">Altazor : canto I Fragmento</a></li>
							
											
							</ul>

							<div id="reproductor">
								<div id="playaudio" onclick="play();"><img src="../images/playaudio.png"><input type="hidden" value="0"></div>
								<div id="audio">   
									<audio id="audio_multi"  tabindex="0" controls> <!--preload="auto"-->
										<source type="audio/mpeg" src="http://www.memoriachilena.cl/archivos2/audio/MC0033670.MP3"/>
										Su navegador no soporta audio en HTML5. descarge audio desde <a href="http://www.memoriachilena.cl/archivos2/audio/MC0033670.MP3">aquí</a>
									</audio>				
									<span class="titulo_multi">Altazor : canto I</span>
									<span class="descripcion_multi">Registro: voz de Jorge Alvarez, Santiago, Biblioteca Nacional, 28 de noviembre de 1969 Texto escrito en: Altazor : poema, con un retrato del autor por Pablo Picasso, Madrid : Ibero Americana de Publicaciones, 1931, p. 17-18 En la imagen: Portada de Altazor en, Altazor, prólogo y bibliografía de Cedomil Goic, Valparaíso : Eds. Universitarias de Valpo., c1974, 95 p.</span>
								</div>
								
							</div>
						</div>
					</li>					
				</ul>
			</div>
		</section>
	</section>

	<script src="../js/vendor/jquery-1.8.0.min.js"></script>
	<script src="../js/plugins.js"></script>
	<script src="../js/main.js"></script>
	<script>
	function playmp3(audio, titulo, descripcion){
		$('#audio').empty();
		$('#playaudio img').attr('src','../images/playaudio.png');

		$('#audio').append('<audio  id="audio_multi" preload="auto" tabindex="0" controls><source type="audio/mpeg" src="'+audio+'"/> Su navegador no soporta audio en HTML5. descarge audio desde <a href="'+audio+'">aquí</a></audio><span class="titulo_multi">'+titulo+'</span><span class="descripcion_multi">'+descripcion+'</span>');
	}
	function play(){
		playstate = $('#playaudio input').val();

		if (playstate == 0) {
			$('#playaudio img').attr('src','../images/stopaudio.png');
			$('#playaudio input').val(1);                    
			document.getElementById("audio_multi").play()
		}
		if (playstate == 1) {
			$('#playaudio img').attr('src','../images/playaudio.png');
			$('#playaudio input').val(0);
			document.getElementById("audio_multi").pause()
		}


	}
	</script>
	<footer>
		<img src="../images/footer.png" >
	</footer>
</body>
</html>